<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>layout 后台大布局 - Layui</title>
    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script>
    <link rel="stylesheet" href="../../static/css/layui.css" th:href="@{/css/layui.css}">
    <link rel="stylesheet" href="../../static/css/main.css" th:href="@{/css/main.css}">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--导航-->
    <div class="layui-header header">
        <div class="layui-logo" th:text="${title}"></div>

        <ul class="layui-layout-left">
            <li class="hideMenu layui-nav-item"><i class="layui-icon">&#xe668;</i></li>
        </ul>


        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;" id="logoimg">
                    <img src="../../static/adminimg/zkc.jpg" th:src="@{/adminimg/zkc.jpg}" class="layui-nav-img">
                </a>
            </li>

            <li class="layui-nav-item">
                <a th:text="${user.contactalias}"></a>
            </li>
            <li class="layui-nav-item"><a href="">退了</a></li>
        </ul>
    </div>
    <!--导航-->

    <!--侧边标签-->
    <div class="layui-side layui-bg-black ">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="navBar layui-nav layui-nav-tree">


                <li class="layui-nav-item">
                    <a href="javascript:;">应用管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;" data-id="3" data-title="用户列表" data-url="/enter/usertable"
                               class="site-demo-active" data-type="tabAdd">
                                用户列表
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;" data-id="4" data-title="文章列表" data-url="/enter/connter"
                               class="site-demo-active" data-type="tabAdd">
                                文章列表
                            </a>
                        </dd>
                        <dd>
                            <a href="javascript:;" data-id="5" data-title="分类列表" data-url="/enter/classification"
                               class="site-demo-active" data-type="tabAdd">
                                分类列表
                            </a>
                        </dd>
                    </dl>
                </li>

                <li class="layui-nav-item"><a>云市场</a></li>
                <li class="layui-nav-item"><a>发布商品</a></li>
            </ul>
        </div>
    </div>

    <!--主体-->
    <div class="layui-body layui-form">
        <div class="layui-tab marg0" lay-filter="demo" lay-allowclose="true">
            <!-- 内容主体区域 -->
            <ul class="layui-tab-title top_tab" id="top_tabs">
                <li class="layui-this" lay-id="">
                    <i class="iconfont icon-computer"></i>
                    <cite>后台首页</cite>
                </li>
            </ul>
            <ul class="layui-nav closeBox">
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe671;</i> 页面操作</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="refresh refreshThis"><i class="layui-icon">&#xe9aa;</i>
                            刷新当前</a></dd>
                        <dd><a href="javascript:;" class="closePageOther"><i class="iconfont icon-prohibit"></i>
                            关闭其他</a></dd>
                        <dd><a href="javascript:;" class="closePageAll"><i class="iconfont icon-guanbi"></i> 关闭全部</a>
                        </dd>
                    </dl>
                </li>
            </ul>
            <div class="layui-tab-content iframse">
                <div class="layui-tab-item layui-show">
                    <iframe src="/enter/controller" scrolling="auto" frameborder="0"
                            style="width: 100%; height: 99%"></iframe>
                </div>
            </div>
        </div>
    </div>
    <!--主体-->

</div>

<!--导入外置js-->
<script src="../../static/layui.js" th:src="@{/layui.js}"></script>
<!--tab-->
<script src="../../static/layuijs/firstadmin.js" th:src="@{/layuijs/firstadmin.js}"></script>
<!--导入外置js-->
<script th:inline="javascript">
    var img=[[${user.contactavatar}]]
    jQuery.noConflict();//让渡"$"的使用权，后续只能用jQuery代替$
    jQuery("#logoimg img").remove();
    jQuery("#logoimg").append("<img src='"+img+"' class='layui-nav-img'/>")
</script>

</body>
</html>